<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>安全提示</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        body { font-family: -apple-system, sans-serif; padding: 20px; text-align: center; }
        .btn { background: #07C160; color: white; padding: 12px 24px; border-radius: 6px; display: inline-block; margin: 15px; text-decoration: none; }
        .manual { color: #888; margin-top: 30px; font-size: 14px; }
        .steps { text-align: left; display: inline-block; margin: 10px auto; }
    </style>
</head>
<body>
<h3>为保障访问体验</h3>
<p>请点击下方按钮在浏览器中打开</p>

<!-- 主跳转按钮 -->
<a id="jump-btn" class="btn">立即跳转</a>

<!-- 备用引导 -->
<div class="manual">
    <p>若无法跳转，请手动操作：</p>
    <div class="steps">
        <p>1. 点击右上角 <strong>•••</strong></p>
        <p>2. 选择「在浏览器打开」</p>
    </div>
</div>

<script>
    // 方案1：尝试直接跳转（iOS可能成功）
    setTimeout(function(){
        if (/MicroMessenger/i.test(navigator.userAgent)){
        }else {
            window.location.href = "https://app.mall.qingze88.cn";
        }
    }, 300);

    // 方案2：用户点击时尝试iframe跳转（兼容安卓）
    document.getElementById('jump-btn').addEventListener('click', function(e) {
        // e.preventDefault();
        // var iframe = document.createElement('iframe');
        // iframe.style.display = 'none';
        // iframe.src = 'https://app.mall.qingze88.cn';
        // document.body.appendChild(iframe);

        // 方案3：提示复制链接
        setTimeout(function(){
            alert('请点击右上角···\n选择"在浏览器打开"');
        }, 500);
    });
</script>
</body>
</html>